body {font-family: PingFangSC-Regular,Verdana,Arial,"宋体","微软雅黑"; overflow: hidden; height: 100%; background: url(../images/bind_back.png) no-repeat center top; background-size: cover;}
.bind-friends {width: 10rem; font-size: 13px; line-height: 0.48rem; color: #333; text-align: center; margin: 7.52rem auto 0.90666666rem;}
.bind-friends span {margin: 0 0.15rem; color: #E0323B;}
[data-dpr="2"] .bind-friends {font-size: 26px;}
[data-dpr="3"] .bind-friends {font-size: 39px;}
.info {width: 10rem; margin: 0 auto; text-align: center;}
.info li:nth-child(2) {display: none;}
.info input {width: 6.93333333rem; height: 1.17333333rem; padding: 0 0.26666666rem; background-color: #FFF; color:#999; font-size: 13px; line-height: 0.48rem; border: 0.02666666rem solid #FF6B6B; border-radius: 0.10666666rem; margin-bottom: 0.26666666rem;}
[data-dpr="2"] .info input {font-size: 26px;}
[data-dpr="3"] .info input {font-size: 39px;}
.bind-code {width: 7.46666666rem; margin: 0 auto; overflow: hidden; margin-bottom: 0.26666666rem;}
.bind-code .code {width: 4.26666666rem; max-width: 4.26666666rem; float: left; margin-bottom: 0;}
.bind-code .re-code {float: right; font-size: 14px; width: 2.4rem; height: 1.17333333rem; line-height: 1.17333333rem; font-size: 15px; background-color: #FF6B6B; color: #fff; border-radius: 0.10666666rem; border: 0.02666666rem solid #FF6B6B;}
[data-dpr="2"] .bind-code .re-code {font-size: 28px;}
[data-dpr="3"] .bind-code .re-code {font-size: 42px;}
.sure-bind,.get-code {width: 7.46666666rem; margin: 0 auto;}
.sure-bind p,.get-code p {width: 100%; height: 1.06666666rem; line-height: 1.06666666rem; font-size: 14px; color: #FFF; background-color: #FF6B6B; border-radius: 0.10666666rem; text-align: center;}
[data-dpr="2"] .sure-bind p,[data-dpr="2"] .get-code p {font-size: 28px;}
[data-dpr="3"] .sure-bind p,[data-dpr="3"] .get-code p {font-size: 42px;}
.bind-ways {width: 8rem; height: auto; margin: 0.64rem auto 0.77333333rem; display: block;}